@import'common';

header{
    width: 100%;
    height: 48px;
    background: #8E488E;
    color: white;
    line-height: 48px;
    text-align: center;
    .fa-angle-left{
        font-size: 22px;
    }
    .title{
        font-size: 16px;
    }
    .classifyMenu{
        position: absolute;
        left: -120px;
        background: rgba(80,90,101,0.9);
        a{
            color: white; 
        }
    }
    .btn{
        background: #8E488E;
        color: white;
        border: none;
    }
    a{
        color: white;
    }
    a:hover{
        color: white;
    }
}
#centerContainer{
    width: 100%;
    position: absolute;
    top: 48px;
    left: 0px;
    right: 0px;
    bottom: 53px;
    overflow: hidden;
    background: rgb(241,245,246);
    .leftBox{
        float: left;
        width: 28%;
        ul{
            width: 100px;
            li{
                width: 100px;
                height: 42px;
                background: #FFFFFF;
                text-align: center;
                line-height: 42px;
                a{
                    color: #000000;
                    font-size: 14px;
                    text-decoration: none;
                }
            }
        }
    }
    .rightBox{
        float: right;
        width: 72%;
        position: absolute;
        top: 0px;
        bottom: 0px;
        right: 0px;
        overflow-x: hidden;
        overflow-y: scroll;
        .titleHot{
          padding-top: 3px;
          width: 100%;
          height: 40px;
          line-height: 40px; 
          background: rgb(241,245,246); 
        }
        .hotBrand{
            width: 97%;
            background: #FFFFFF;
            a{
                color: #000000;
            }
            .hotBrandBox{
                width: 33%;
                float: left;
                text-align: center;
                background: #FFFFFF;
                img{
                    width: 100%;
                }
                p{
                    font-size: 12px;
                    
                }
            }
        }
    }
}
